
@charset"utf-8";
body{background-color: #fff;}

.swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-pagination-bullet{
	opacity: .4;
	background-color: #fff;
}
.swiper-pagination-bullet-active{
	opacity: .8;
	background-color: #fff;
}

.swiper-slide img{height: 100%;width: 100%}

/* 详情页 */


.banner{
	border:0 none;
    background: #f1f1f1  ;}
.banner-div{
	width: 100%;
	height: 11.7rem;
	position: relative;}

.infor-div{
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}


.titl{
	margin-left: .9rem;
	padding:.3rem 0rem 0;
	font-size: 1rem;
	color:#333;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.titl img{
	height: 3.1rem;
	width: 3.1rem;
	display: block;
	float: left;
	border-radius: 50%;
	margin:.9rem .9rem  .9rem 0;
}
.titl .name{
	font-size: 1rem;
	color:#333;
	margin-top:.9rem;
	line-height: 1.87rem
}
.name span{
	display: inline-block;
	max-width: 30%;
	 overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.name span,.name i,.name em{display: block;float: left;}
.titl .sex-w{
	display: inline-block;
	height: 1rem;
	width: 2.6rem;
	padding-left: 0.2rem;
	text-align: center;
	line-height: 1rem;
	font-style: normal;
	background: #fa509e url(../images/wom.png)0.2rem center no-repeat;
	-webkit-background-size: .6rem auto;
	background-size: .6rem auto;
	vertical-align: middle;
	margin:.3rem .2rem 0 .3rem;
	font-size: .87rem;
	color:#fff;
	border-radius: 2px;
}
.titl .sex-m{
	display: inline-block;
	height: 1rem;
	width: 2.6rem;
	padding-left: 0.2rem;
	text-align: center;
	line-height: 1rem;
	font-style: normal;
	background: #2ac6dd url(../images/men.png)0.2rem center no-repeat;
	-webkit-background-size: .6rem auto;
	background-size: .6rem auto;
	vertical-align: middle;
	margin:.3rem .2rem 0 .3rem;
	font-size: .87rem;
	color:#fff;
	border-radius: 2px;
}
.titl .hat{
	display: inline-block;
	margin-left: .6rem;
	height: .87rem;
	line-height: .87rem;
}
.hat span{
	display: block;
	float: left;
	width: 3rem;
	height: .75rem;
	max-width: 34%;
	
}
.hat span.hataa{
	background:  url(../images/crown-a.png) center center no-repeat;
	-webkit-background-size: 1rem auto;
	background-size: 1rem auto;
}
.hat span.hatbb{
	background:  url(../images/crown-b.png) center center no-repeat;
	-webkit-background-size: .9rem auto;
	background-size: .9rem auto;
}
.hat span.hatcc{
	background:  url(../images/crown-c.png) center center no-repeat;
	-webkit-background-size: .9rem auto;
	background-size: .9rem auto;
}
.credit{
	font-size: .8rem;
	color:#999;
}
.pay{
	position: absolute;
	font-size: .8rem;
	right: .9rem;
	bottom:1.4rem ;
	color:#fb4e30;
}
.dist{
	color:#999;
	text-align: center;
	position: absolute;
	font-size: .8rem;
	right: .9rem;
	top:1.4rem ;

}



.buy-act{
	background-color: #fff;
	border:0 none;
	padding-left: .9rem;
}
.buy-act div{
	border-bottom: 1px solid #e6e6e6;
}
.buy-act ul{
	display: block;	
	overflow: hidden;


}
.buy-act ul:last-child{
	padding:.9rem 0;

}
.buy-act ul:first-child li{
	float: left;
	display: block;
	padding:0 .9rem;
	line-height: 1.3rem;
	background-color: #ebebeb;
	border-radius:4px;
	margin:.9rem .9rem  .0rem 0;
	font-size: .8rem;
	color:#333;

}
.buy-act ul:last-child li{
	line-height: 1.5rem;
	color:#333;
	font-size: .9rem;

}
.buy-act ul:last-child li span{
	color: #999;
}
.buy-act ul:last-child li em.ad{
	height: 1.5rem;
	display: inline-block;
	width: 1rem;
	background:  url(../images/arrow.png) left bottom no-repeat;
}
.act-details{
	padding:.9rem;
	border:0 none;
	background-color: #fff;
	margin-bottom: 0rem;
}

.act-details textarea{
	height: 100%;
	width: 100%;
	font-size: .9rem;
	color:#333;
	line-height: 1.2rem;
	resize:none;
	min-height: 4rem;}
.down{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	height: 3.1rem;
	background:rgba(0,0,0,.8) url(../images/logo-icon-1.png) .9rem center no-repeat;
	-webkit-background-size: 5.6rem auto;
	background-size: 5.6rem auto;
	border: 0 none;
}
.down>div{
	width: 100%;
	height: 3.1rem;
	padding-left: 7.5rem;
	color:#fff;
	font-size: 1rem;
	line-height: 3.1rem;
	overflow: hidden;
	color:#fff;


}
.down span{
	font-size: .75rem;
}
.down  button{
	color:#fff;
	display: block;
	height:1.5rem;
	width: 4.6rem;
	line-height:1.5rem;
	text-align: center;
	float: right;
	margin:1rem .9rem 0 0;
	border-radius: 4px;
	background-color: #fb4e30;
	font-size: .8rem;
}